/* 	Reset Styling
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img {
	display: block;
}
body {
	line-height: 1;
	text-align:left
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline: none;
	padding: 0px;
	margin: 0px
}

/*	General Styling
----------------------------------------------------------------------*/
body {
	margin: 0 auto;
	line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	background:#eaeaea;
	font-size: 9pt
}
::selection{
	/*color:#fff;
	background:#b8f10d*/
}
::-moz-selection{
	/*color:#fff;
	background:#b8f10d*/
}
img {
	border: none;
	max-width: 100%
}
a {
	color: #000;
	text-decoration: none !important;
	-webkit-transition: color 0.1s ease-in-out;
	transition: color 0.1s ease-in-out
}
a:hover, 
.custom_block1 li.active a, 
.custom_block1 li.active a i,
.twitter_row .tweet a:hover,
.preve:hover, .nexte:hover,
.breadcrumbIn ul li a:hover,
.tags a:hover {
	color: #03a2fe
}
h1, h2, h3, h4, h5, h6 {
	color: #0679BC;
	padding: 0;
	margin: 0 0 10px 0;
	font-family:Arial, serif;
	font-weight: 500;
	line-height: 1;
}
h1 { font-size: 32px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
p {
	margin-bottom: 30px
}
p:last-child {
	margin-bottom: 0
}
strong {
	font-weight: bold
}
em {
	font-style: italic
}
ol {
	padding: 0;
	margin: 0
}
ol li {
	list-style: decimal;
	padding: 0 0 10px 0;
	margin: 0 0 0 20px;
	line-height: 24px
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}
cite {
	float: right;
	padding: 0 0 5px 0
}
hr {
	background: #e6e6e6;
	border: 0;
	clear: both;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 20px 0;
	position: relative
}
pre {
	color: #333;
	white-space: initial;
	border-radius: 3px;
	background: #ccc;
	border-left: 8px solid #1ABC9C;
	padding: 14px 20px;
	white-space: initial;
	margin: 5px 0 20px 0;
	overflow: auto;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
code {
	color: #333;
	background: #ccc;
	border-left: 8px solid #1ABC9C;
	padding: 14px 20px;
	border-radius: 3px;
	margin: 5px 0 20px 0;
	clear: both;
	display: block;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
iframe {
	max-width: 100%;
}
mark {
	padding: 3px 5px;
}
textarea { 
	white-space:pre; 
}
/*	Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/*	Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0 !important
}
.omega {
	margin-right: 0 !important
}

/*	Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {
	width:6.333%;
}
.grid_2 {
	width:14.667%;
}

.grid_3 {
	width:23.0%;
}

.grid_4 {
	width:31.333%;
}

.grid_5 {
	width:39.667%;
}

.grid_6 {
	width:48.0%;
}

.grid_7 {
	width:56.333%;
}

.grid_8 {
	width:64.667%;
}

.grid_9 {
	width:73.0%;
}

.grid_10 {
	width:81.333%;
}

.grid_11 {
	width:89.667%;
}
.grid_12 {
	width:98.0%;
}
.grid_12:after {
	content: "";
	clear: both;
}
.grid_full {
	width:100%;
}
.grid_1_5 {
	width:18.0%;
}
.grid_2_5 {
	width:38.0%;
}
.grid_3_5 {
	width:58.0%;
}
.grid_4_5 {
	width:78.0%;
}
.grid_1.alpha,.grid_1.omega {
	width:7.333%;
}
.grid_2.alpha,.grid_2.omega {
	width:15.667%;
}
.grid_3.alpha,.grid_3.omega {
	width:24.0%;
}
.grid_4.alpha,.grid_4.omega {
	width:32.333%;
}
.grid_5.alpha,.grid_5.omega {
	width:40.667%;
}
.grid_6.alpha,.grid_6.omega {
	width:49.0%;
}
.grid_7.alpha,.grid_7.omega {
	width:57.333%;
}
.grid_8.alpha,.grid_8.omega {
	width:65.667%;
}
.grid_9.alpha,.grid_9.omega {
	width:74.0%;
}
.grid_10.alpha,.grid_10.omega {
	width:82.333%;
}
.grid_11.alpha,.grid_11.omega {
	width:90.667%;
}
.grid_12.alpha,.grid_12.omega {
	width:99.0%;
}
.grid_1_5.alpha,.grid_1_5.omega {
	width:19.0%;
}
.grid_2_5.alpha,.grid_2_5.omega {
	width:39.0%;
}
.grid_3_5.alpha,.grid_3_5.omega {
	width:59.0%;
}
.grid_4_5.alpha,.grid_4_5.omega {
	width:79.0%;
}
.row {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.boxed {
	margin: 0 auto;
	width: 1140px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.boxed-margin {
	margin: 30px auto;
	width: 1140px;
	background: #fff;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
#layout {
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.full {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.left-sidebar .posts, 
.left-sidebar .shop {
	float: right
}

/*	Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
}
.clearfix:before,
.clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}


/*	Superfish
----------------------------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 999;
}
.sf-menu {
	line-height: 1.0;
	float: left;
	padding: 0;
	position: relative;
	margin: 0
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 200px;
}
.sf-menu ul li { 
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #3a3a3a
}
.sf-menu ul li:hover, .sf-menu li li.current { 
	background: #303030
}
.sf-menu li:hover { visibility: inherit }
.sf-menu li {
	float: left;
	position: relative;
	padding: 0
}
.sf-menu li li {
	border-top: 1px solid #474747;
	border-bottom: 1px solid #303030;
	margin:0;
	padding: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}
.sf-menu li li:first-child {border-top: 0}
.sf-menu li li:last-child {border-bottom: 1px solid transparent}
.sf-menu li li li:first-child {border-top: 1px solid transparent}
.sf-menu li li a {
	padding: 8px 15px;
	line-height: 20px;
	color: #fff;
	text-transform: none;
	letter-spacing: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sf-menu ul ul:before {
	position: absolute;
	width: 0 !important; 
	padding: 0 !important; 
	margin: 0 !important; 
	height: 0 !important;
	left: 0;
	top: 0
}
.sf-menu i {
	margin-right: 8px
}
.sf-menu a {
	display: block;
	position: relative;
	color: #969595;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding: 16px 20px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sf-menu li li a {
	border:0
}
.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {
	color: #b8f10d;
}
.sf-menu li.current > a:before {
	content: close-quote;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 0px;
	height: 0px;
	
}
.sf-menu li li:hover > a:before, .sf-menu li li > a:before:hover, .sf-menu li li.current > a:before {
	content: '';
	border: 0
}
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
	border-bottom: 0;
	color: #fff;
}
.sf-menu li li a {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0px;
	z-index:	 999;
	top: 44px;
	padding: 0;
	-webkit-animation: floating .5s;
	animation: floating .5s;
}
.sf-menu li:hover ul li ul,
.sf-menu li.sfHover ul li ul, 
.sf-menu li:hover ul li ul li ul,
.sf-menu li.sfHover ul li ul li ul  {
	left: 172px;
	z-index: 999;
	top: -1px !important
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 172px;
	top: -1px !important;
	padding: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 172px;
	top: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 30px;min-width: 1px}
.sf-sub-indicator {
	position: absolute;
	display: block;
	overflow: hidden;
}
a > .sf-sub-indicator { 
	position: absolute;
	right: 8%;
	top: 18px;
	font-size: 9px;
}
li li a .sf-sub-indicator { 
	top: 10px;
	right: 1%;
}
.first-head li:hover > a { color: red }





/* 	Tipsy
----------------------------------------------------------------------*/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px}
.tipsy .tipsy-arrow:before {content: close-quote;position: absolute;width: 0px;height: 0px}
.tipsy-n .tipsy-arrow:before {bottom: -1px;left: -15px;border-left: 6px solid rgba(0, 0, 0, 0);border-bottom: 6px solid #000}
.tipsy-nw .tipsy-arrow { top: 0; left: 10px}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px}
.tipsy-s .tipsy-arrow:before {bottom: -1px;left: -10px;border-left: 6px solid rgba(0, 0, 0, 0);border-top: 6px solid #000}
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px}
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px}
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px }
.tipsy-e .tipsy-arrow:before {bottom: -6px;right: 0px;border-right: 6px solid rgba(0, 0, 0, 0);border-top: 6px solid #000}
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px}
.tipsy-w .tipsy-arrow:before {bottom: 6px;left: -1px;border-bottom: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid #000}
.tipsy-n div {-webkit-animation: fadeInRight 0.2s;animation: fadeInRight 0.2s;}
.tipsy-s div {-webkit-animation: fadeInRight 0.3s;animation: fadeInRight 0.3s;}
.tipsy-w div {-webkit-animation: fadeInRight 0.2s;animation: fadeInRight 0.2s;}
.tipsy-e div {-webkit-animation: fadeInLeft 0.2s;animation: fadeInLeft 0.2s;}


/*	Page Content
----------------------------------------------------------------------*/
#layout {
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.full {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.top-header{
	background:#000;
	color:#fff;
	height:30px;
	line-height:30px;
	position:relative;
	z-index:100
	}
.user_menu ul{float:right}
.user_menu li{
	float:left;
	}
.user_menu li a{
	color:#fff;
	padding:0 20px;
	border-right:solid 1px #fff
	}
.no-bor{border:none !important}
.social_top{position:relative}
.social_top ul{
	
	}
.social_top li{
	float:left
	}
.social_top li a{
	color:#fff;
	font-size:14px;
	padding:0 10px
	}
.social-hidden{
	background:#000;
	height:30px;
	line-height:30px;
	position:absolute;
	top:30px;
	left:0;
	display:none;
	}
	
.social-hidden ul li{float:left}
.social-hidden ul li a{
	color:#fff;
	font-size:14px;
	padding:0 10px;
	display:block;
	}
.social-hidden ul li a:hover,.social-hidden ul li a:active{
	color:#03a2fe;
	}
.show-more{cursor:pointer}
.show-more:hover .social-hidden{display:block !important}
.show-more a{color:#fff;font-size:12px;}
.show-more a:hover,.show-more a:active{color:#03a2fe;}
header a:hover{
	color:#03a2fe
	}
header{margin-bottom:20px;}
.menu{
	background:#03a2fe;
	height:40px;
	position:relative;
	z-index:10;
	
	}
footer{margin:20px 0 0 0;}	
.footer-content{
	background:#03a2fe;
	color:#333;
	padding:10px 0 20px 0;
	}
.footer-content h2{
	font-size:16px;
	color:#000;
	font-weight:bold;margin:10px 0 10px 0;}
.footer-content .link li{
	list-style:square;
	line-height:30px;
	margin-left:20px;
	}

.footer-content .link li a{
	color:#333
	}
.footer-content .link li:hover{
	color:#fff
	}
.footer-content .link li:hover a{
	color:#fff
	}
.footer-copy{
	background:#000;
	height:40px;
	color:#CCC;
	line-height:40px;
	text-align:center
	}
.main-container{min-height:450px}
.more{text-align:right;padding:0 20px 0 0;}
.more a{color:#03a2fe;font-style:italic}
.more a:hover{color:#333}	
.main-title h2{font-size:20px;color:#0679BC}	
.main-title a:hover h2{color:#03a2fe}
.main-title{margin:20px 10px 10px 0;border-bottom:solid 1px #d4d4d4}
.conver_block{overflow:hidden;float:left;margin:0 0 0px 0;padding:0 15px 10px 0}
.conver_block.grid_6{width:50%;}
.conver_block .img_bl{float:left;width:120px}
.conver_block .img_bl img{width:120px;height:80px;padding:0 10px 10px 0;}
.conver_block .title_bl{font-weight:bold;float:left;line-height:18px;width:215px;margin-top:-3px}
.conver_block .text_bl{float:left;line-height:18px;padding:5px 0 0 0;width:215px;color:#727273}
.title_bl a{color:#0679BC;font-size:13px}

.idiom_block {overflow:hidden;float:left;margin:0 0 10px 0;padding:5px;border-right:10px solid #fff;}
.idiom_block.grid_6{width:50%}
.idiom_block .icon_bl{width:20%;float:left;text-align:center;margin-right:2%}
.idiom_block .icon_bl i{font-size:50px;padding:0 10px 10px 0;color:#03a2fe;line-height:60px;}
.idiom_block .title_bl{font-weight:bold;width:100%;float:left;line-height:18px;}
.idiom_block .text_bl{float:left;width:100%;line-height:18px;padding:5px 0 0 0;color:#727273}
.idiom_block:hover .icon_bl{
	animation: floating 2s;
	-webkit-animation: floating 2s;
	-moz-animation: floating 2s;
	-o-animation: floating 2s;
	-ms-animation: floating 2s;
	}
.search-box{position:relative;width:100%;height:30px;}
.search-box input[type=text]{width:100%;height:30px;background:#f8f8f8;box-shadow:none;border:1px solid #d0d0d0;padding:0 30px 0 15px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.search-box .search-btn{background:url(../images/search_blue.png) no-repeat;display:block;width:20px;height:20px;position:absolute;right:5px;top:5px;}
.search-box input[type=text]:focus{box-shadow:0px 0px 8px #03a2fe;border-color:#03a2fe;}
.text-read textarea{width:100%;height:120px;resize:vertical;background:#f8f8f8;box-shadow:none;border:1px solid #d0d0d0;padding:0 15px 0 15px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.text-read textarea:focus{box-shadow:0px 0px 8px #03a2fe;border-color:#03a2fe;}
.text-read .btn-read{padding:10px 0;width:100%;display:block;}
.text-read .micro-btn{background:url(../images/micro.png) no-repeat;width:14px;height:25px;display:block;float:left}
.text-read .micro-btn:hover{
	animation: tada 2s;
	-webkit-animation: tada 2s;
	-moz-animation: tada 2s;
	-o-animation: tada 2s;
	-ms-animation: tada 2s;
	}
.text-read .adv-btn{max-width:100px;height:25px;lin-height:25px;display:block;float:right;text-align:right;color:#03a2fe}
.text-read .adv-btn:hover{color:black;}
.drop-down-lg{position:relative;z-index:99999}
.drop-down-lg ul{display:none;position:absolute;top:30px;right:2px;z-index:99999;width:140px;}
.drop-down-lg ul{height:40px;line-height:40px;}
.drop-down-lg ul li.deco{height:14px !important;background-color:transparent !important;text-align:center}
.drop-down-lg ul li.deco a{background:url(../images/deco.png) no-repeat 80px center;display:block;height:14px !important;width:100%;border:none}
.drop-down-lg:hover ul{display:block;}
.drop-down-lg:hover ul li{float:none;background:#000;}
.drop-down-lg ul li img{display:inline;margin:0 5px 0 0}
.drop-down-lg ul li:last-child{padding-bottom:10px;}
.drop-down-lg i{float:right;margin-right:5px}
.grid_3.omega.alpha{width:26% }

/* page
----------------------------------------------------------------------*/
.page{float:right;margin:10px 0 0 0}
.page ul li{float:left;margin:0 5px}
.page ul li a{display:block;padding:2px 6px;background:#7c7c7c;color:#fff}
.page ul li a:hover{background:#03a2fe}
.breadcrumb a{
	font-weight:bold;
	}
.breadcrumb span{margin:0 5px}
/* form contact, login, register
----------------------------------------------------------------------*/
#map{width:100%}
#map iframe{width:100%}
.form-web input[type=text],.form-web input[type=password]{
	height:30px;background:#f8f8f8;box-shadow:none;border:1px solid #d0d0d0;padding:0 30px 0 15px;margin-bottom:15px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.form-web input[type=text]:focus,.form-web input[type=password]:focus{
	box-shadow:0px 0px 8px #03a2fe;border-color:#03a2fe;
	}
.form-web textarea{width:100%;height:120px;resize:vertical;background:#f8f8f8;box-shadow:none;border:1px solid #d0d0d0;padding:0 15px 0 15px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.form-web textarea:focus{box-shadow:0px 0px 8px #03a2fe;border-color:#03a2fe;}
#contact-form input[type=submit],#comment-form input[type=submit]{padding:0 10px;background:#03a2fe;color:#fff;border:none;float:right;margin:15px 0 0 0;}
#contact-form input[type=submit]:hover,#comment-form input[type=submit]:hover{background:#222}
#login-form input[type=submit],.form-web input[type=submit]{padding:0 10px;background:#03a2fe;color:#fff;border:none;float:left;margin:0px 0 5px 0;}
#login-form input[type=submit]:hover,.form-web input[type=submit]:hover{background:#222}
.mr-bt{margin-bottom:15px;}
.mr-t{margin-top:15px;}
.form-radio{margin:0 0 0 10px;}
.form-radio input[type=radio]{margin:0 0 0 10px;vertical-align:middle}

/* detail 
----------------------------------------------------------------------*/
.title_detail{font-weight:bold;margin:0 0 5px 0;font-size:14px;color:#0679BC}
.img_detail{margin:10px 0}
.avatar img{width:50px;height:auto;}
.author-cmm{font-weight:bold;color:#03a2fe}
.title-cmm{font-weight:bold;}
.datetime-cmm{font-style:italic;float:left;color:#999;}
.comment-post li{border-bottom:solid 1px #ccc;margin-bottom:15px}
.reply{float:right;margin-right:20px}
.reply a{color:#03a2fe;font-style:italic}
.reply a:hover{color:#222}
.reply i{margin-left:5px;}
.reply-post{padding-left:5%}
.reply-post2{padding-left:10%}
.reply-post3{padding-left:15%}
.reply-post4{padding-left:20%}
.flexy-menu{margin-top:-1px !important}	

/* \\\\\\\\\\\\\\\\\    END DEMO CODE   ///////////////////////////////// */
/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  display: none;
  background: #fff;
  padding: 0 20px 20px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 300px;
  border:solid 2px #03a2fe
}
.yahoo-login{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	background:url(../images/yahoo-login.png) center left no-repeat;
	padding-left:40px;
	margin:10px 0 0 0;
	}
.fb-login{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	background:url(../images/fb-login.png) center left no-repeat;
	padding-left:40px;
	margin:10px 0 0 0;
	}
.gp-login{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	background:url(../images/gp-login.png) center left no-repeat;
	padding-left:40px;
	margin:10px 0 0 0;
	}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */
.login-popup{width:300px;height:370px;}
.modal .main-title{margin-top: 10px !important}
.closeBtn{cursor:pointer;float:right;margin-right:-15px;margin-top:10px}
.closeBtn2{cursor:pointer;float:right;margin-right:-15px;margin-top:10px}
.forgot-popup{width:300px;height:220px;}

.form-select{position:relative;display:inline-block;}
.form-select select{;padding-left:4px;padding-right:4px;height:26px;line-height:26px;-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;text-indent: 0.01px;text-overflow: '';border:solid 1px #d0d0d0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form-select select{height:30px}/* Webkit-specific CSS here */
}
@-moz-document url-prefix() {
   .form-select select{padding-top:3px} /* Gecko-specific CSS here */
}
.form-select select::-ms-expand {
    display: none;
}
.ie8 .form-select select {overflow:hidden;
    width: 120%;line-height:10px;height:20px}
.ie9  .form-select select {overflow:hidden;
    width: 120%;}
.ie9 .form-select .arr-hide{background:#fff;height:24px;width:20px;position:absolute;top:1px;right:-12px}
.ie8 .form-select .arr-hide{background:#fff;height:18px;width:20px;position:absolute;top:1px;right:-12px}

.share-icon li{float:left;margin:0 10px;}
.share-icon li i{font-size:14px}
.share-icon{width:100%;text-align:right;height:36px}
.share-icon ul{display:block;float:right;}


/* style checkbox
----------------------------------------------------------------------*/
.betterCheckbox-box{
	width:14px;
	height:14px;
	border: 2px solid #03a2fe;
	display: inline-block;
	cursor:pointer;
	
}

.betterCheckbox-tick{
	width:10px;
	height:10px;
	background: url('../images/checkmark2.png');
}

.betterCheckbox-box.disabled{
	border: 2px solid #898989;
	background:#ededed;
}

.betterCheckbox-tick.disabled{
	background: url('../images/checkmark-disabled2.png');
}
.example-check{line-height:24px;margin-top:2px;}
.example-check label{display:inline-block;vertical-align:top;color:#03a2fe;line-height:18px
}

/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 980px) and (max-width: 1177px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 96%;margin: 0 auto !important}
	.row { width: 940px }
	.conver_block .img_bl{width:120px}
	.conver_block .title_bl{width:180px}
	.conver_block .text_bl{width:180px}
	
}
}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (max-width: 979px){
	.row { width: 100% !important }
	
	}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 100% }
	.user_menu{width:40% !important}
	.conver_block.grid_6{width:100%}
	.idiom_block.grid_6{width:100%}
	.conver_block .title_bl{width:76%}
	.conver_block .text_bl{width:76%}
	.grid_9 .main-title{padding-left:0px}
	.user_menu{float:right}
	.footer-content,#first-div,#second-div{padding-left:10px !important;padding-right:10px;}
	.flexy-menu>li.showhide span.title{	
	margin: 10px 0 0 10px !important;	
}
.flexy-menu>li.showhide span.icon{
	margin-right:10px !important
	}
	.grid_12.alpha,.grid_12.omega {
	width:100.0% !important;
}
}
/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (max-width: 767px){
	.footer-content,#first-div,#second-div{padding-left:10px !important;padding-right:10px;}
	.grid_12{margin-bottom:10px !important}
	.main-title{margin-top:0 !important}
	footer{margin-top: 0 !important}
	.conver_block{padding-left:0;margin-bottom:0 !important;}
	.idiom_block{margin-bottom:10px !important;border:none !important}
	.flexy-menu{padding:0px 0px !important}
	.comment-post .grid_1{width:15% !important}
	.comment-post .grid_11{width:80% !important;margin-left:4%}
	.comment-post .avatar img{width:100%;height:auto;}
	.flexy-menu>li.showhide span.title{margin-left:10px !important;}
	.flexy-menu>li.showhide span.icon{margin-right:10px !important}
	.login{
		text-indent:-9999px !important;
		background:url(../images/user.png) no-repeat;
		background-size:13px 14px;
		display:block;
		height:14px;
		width:25px;
		margin:8px 0 0 10px;
		padding:0 !important;
		line-height:20px;
		}
	.login-popup,.forgot-popup{overflow-y:hidden}
	.register{
		text-indent:-9999px !important;
		background:url(../images/reg.png) no-repeat;
		background-size:11px 14px;
		display:block;
		height:14px;
		width:25px;
		margin:8px 0 0 10px;
		padding:0 !important
		}
	.login-popup{height:400px}
	.modal{
		
		}
	.closeBtn{
		margin-top:10px;
		}
	.closeBtn2{
		margin-top:10px;
		}
	.main-title{margin-right:0 !important}
	.es-navigation .es-prev { right: 30px !important }
	.es-navigation .es-next { right: 0px  !important}
		
	}
@media only screen and (min-width: 621px) and (max-width: 768px) {
	.conver_block .title_bl{width:78%}
	.conver_block .text_bl{width:78%}
	}
@media only screen and (min-width: 480px) and (max-width: 620px) {
	.conver_block .title_bl{width:71%}
	.conver_block .text_bl{width:71%}
	}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 100% }
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{width: 100% !important;margin: 0 0 30px}
	
	
	.top-header{height:30px;}
	.logo{margin:0;}
	.logo a img{margin:0 auto;}
	.social_top{width:48% !important;height:30px;float:left;display:inline-block;margin:0 !important}
	.social_top ul{float:left;}
	.user_menu{width:48% !important;height:30px;float:right;display:inline-block;margin:0 !important}
	.user_menu ul{float:right}
	.menu{
	height:40px;
	}

.drop-down-lg ul{display:none;position:absolute;top:30px;right:0px;z-index:99999;width:140px;height:40px;line-height:40px;margin-left:0;}
.drop-down-lg ul li.deco{height:14px !important;background-color:transparent !important;text-align:center}
.drop-down-lg ul li.deco a{background:url(../images/deco.png) no-repeat 80px center;display:block;height:14px !important;width:100%;border:none}
.drop-down-lg:hover ul{display:block;}
.drop-down-lg:hover ul li{float:none;background:#000;}
.drop-down-lg ul li img{display:inline;margin:0 5px 0 0}
.drop-down-lg ul li:last-child{padding-bottom:10px;}
	
	

	
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 480px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 100%; padding: 0; }
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{width: 100% !important;margin: 0 0 30px}
	.top-header{}
	.logo{margin:0;}
	.logo a img{margin:0 auto !important;}
	.social_top li a {
		padding:0 0px 0 10px !important
	}
	.social-hidden ul li a{
		padding:0 0px 0 10px !important
		}
	.social-hidden ul{padding:0 10px 0 0}
	.social_top{width:52% !important;height:40px;float:left;display:inline-block;margin:0 !important}
	.social_top ul{float:left;}
	.user_menu li a{padding:0 10px !important}
	.user_menu{width:48% !important;height:40px;float:right;display:inline-block;margin:0 !important}
	.user_menu ul{float:right}
.drop-down-lg ul{display:none;position:absolute;top:30px;right:0;z-index:99999;width:140px;height:40px;line-height:40px;margin-left:0;}
.drop-down-lg ul li.deco{height:14px !important;background-color:transparent !important;text-align:center}
.drop-down-lg ul li.deco a{background:url(../images/deco.png) no-repeat 80px center;display:block;height:14px !important;width:100%;border:none}
.drop-down-lg:hover ul{display:block;}
.drop-down-lg:hover ul li{float:none;background:#000;}
.drop-down-lg ul li img{display:inline;margin:0 5px 0 0}
.drop-down-lg ul li:last-child{padding-bottom:10px;}
.conver_block .img_bl{width:36%}
.conver_block .img_bl img{width:100%}
.conver_block .title_bl{width:61%}
	.conver_block .text_bl{width:61%}
	.flexy-menu{margin-top:-10px !important}
}
@media only screen and (min-width: 200px) and (max-width: 320px){
	.conver_block .img_bl{width:100%}
	.conver_block .img_bl img{width:100%;height:auto;}
	.conver_block .title_bl{width:100%}
	.conver_block .text_bl{width:100%}
	}
